相信大家都有这样的需求：网站密码用久了，我们会经常的去修改一下，以保证自己信息的安全。不知道大家在修改的过程中，有没有见过这样的业务逻辑：
1.当你输入原密码后，网站会为你检查原密码填写是否正确；
2.当你输入新密码后，为保证正确性，网站会要求重新输入一遍，然后网站会为你检测两次输入是否一致。
那么，上面两条逻辑是如何实现的呢？下面我们来看一个例子，一个很简单的例子（卖弄了呵呵）：
 
代码片段一：
<script language="javascript">
            function check()
            {
                 var userPwReal="${sessionScope.admin.apassword}";
                 if(document.formPw.apassword.value !=userPwReal)
                 {
                     alert("原密码不正确");
                     return ;
                 }
                  
                 if(document.formPw.userPw1.value =="")
                 {
                     alert("新密码不能空");
                     return ;
                 }
                 if(document.formPw.userPw1.value != document.formPw.userPw2.value)
                 {
                     alert("两次输入的密码不一致");
                     return ;
                 }
            }
</script>
 
代码片段二：
 
<tr bgcolor="#FFFFFF">
    <td width="25%" bgcolor="#FFFFFF" align="right">
         登录名：
    </td>
    <td width="75%" bgcolor="#FFFFFF">
        <input type="text" value="${sessionScope.admin.aname }" name="admin.aname" size="20" readonly/>
    </td>
</tr>
<tr bgcolor="#FFFFFF">
    <td width="25%" bgcolor="#FFFFFF" align="right">
        原密码：
    </td>
    <td width="75%" bgcolor="#FFFFFF">
        <input type="password" id="apassword" size="22"/>
    </td>
</tr>
<tr bgcolor="#FFFFFF">
    <td width="25%" bgcolor="#FFFFFF" align="right">
         新密码：
    </td>
    <td width="75%" bgcolor="#FFFFFF">
        <input type="password" id="userPw1" size="22"/>
    </td>
</tr>
<tr bgcolor="#FFFFFF">
    <td width="25%" bgcolor="#FFFFFF" align="right">
        确认密码：
    </td>
    <td width="75%" bgcolor="#FFFFFF">
           <input type="password" name="userPw2" size="22"/>
    </td>
</tr>
<tr bgcolor="#FFFFFF">
    <td width="25%" bgcolor="#FFFFFF" align="right">
        &nbsp;
    </td>
       <td width="75%" bgcolor="#FFFFFF">
            <input type="button" value="修改" onclick="check()"/>
            &nbsp;&nbsp;&nbsp;
            <input type="reset" value="重置"/>
            <img id="indicator" src="img/loading.gif" alt="Loading..." style="display:none"/>
       </td>
</tr>
 
这两段代码就能实现上面我们所提到的两个功能：
1.首先看代码片段二，这里面其实就是一个表单提交了两个属性，用户名与密码，当然这不是重点，重点是我们在“修改”那个button上面绑定了一个onclick事件，当你点击修改按钮时，便会调用代码片段一里面的check方法。
2.代码片段一里面的js代码，可以很容易的看出，它先将session里面绑定的密码取出（因为我们登录系统的时候，会将用户信息存入session中），然后得到你输入的旧密码，再将两个密码相比较，如果不一样，便返回一个警告。
新密码作比较的逻辑也是这样~